<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <script src="./js/jquery.min.js"></script>

    <title>名单作业</title>
</head>

<script>
    $(document).ready(function () {
        $("button").click(function () {
            $.getJSON("./js/data2032.json", function (result) {
                $.each(result, function (i, filed) {
                    console.log(filed)
                    $("div").append(
                        "<td>",
                        "<p>学号：" + filed.num + "</p>",
                        "<p>姓名：" + filed.name + "</p>",
                        "<p>学号：" + filed.sex + "</p><hr>");
                    "</td>"


                })


            })
        })

    })

</script>

    <table border="2">
        <td>
            <h1>大数据2032名单</h1>
    </td> 
        <tr>
            <td><button>获取 JSON 数据</button></td>
        </tr>
    <tr>
    <td><div></div></td>
    </tr>
</table>


</body>

</html>